<div @attributes="InputAttributes">
    <div class="@ContainerClass">
        <div class="flex">
            <div class="flex-shrink-0">
                @switch (Style)
                {
                    case ContextualStyles.Primary:
                        <InfoAlertIcon class="h-5 w-5" Style="@ContextualStyles.Primary" />
                        break;
                    case ContextualStyles.Info:
                        <InfoAlertIcon class="h-5 w-5" Style="@ContextualStyles.Info" />
                        break;
                    case ContextualStyles.Warning:
                        <WarningAlertIcon class="h-5 w-5" Style="@ContextualStyles.Warning" />
                        break;
                    case ContextualStyles.Danger:
                        <DangerAlertIcon class="h-5 w-5" Style="@ContextualStyles.Danger" />
                        break;
                    case ContextualStyles.Secondary:
                        <InfoAlertIcon class="h-5 w-5" Style="@ContextualStyles.Secondary" />
                        break;
                    case ContextualStyles.Success:
                        <SuccessAlertIcon class="h-5 w-5" Style="@ContextualStyles.Success" />
                        break;
                }
            </div>
            <div class="ml-3 flex flex-col space-y-4 text-sm">
                @ChildContent
            </div>
        </div>
    </div>
</div>